<template>
  <div>
    <h1>音乐</h1>
    <ul>
        <li v-for="item in list" :key='item'>{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Music",

  computed:{
    list(){
        //动态路由的params传值的动态参数,在$route.params对象上
        switch(this.$route.params.id){
        case "1":
          return ["华语1", "华语2", "华语3"];
        case "2":
          return ["粤语1", "粤语2", "粤语3"];
        case "3":
          return ["英语1", "英语2", "英语3"];
        default:
          return []; 
        }
    }
  }
};
</script>

<style>
</style>